var wxCharts = require("../../utils/wxcharts.js");
const db = wx.cloud.database().collection("chucun");
var zongLine = null;
Page({
  /**
   * 页面的初始数据
   */
  data: {
    imageWidth: 0,
    gao: [],
    di: [],
    xue: [],
    disabled:false
  },
  getMothElectro: function () {
    var that = this;
    //chucun为要显示的云数据库的集合名称    				
    wx.cloud.database().collection("chucun").get({
      success(res) {
        var gaoList = []
        var diList = []
        var xueList = []
        var obj, xueobj, diobj
        //数据库循环数据找出要显示的字段并加入到数组gaoList[]中。
        for (var i in res.data) {
          obj = res.data[i].gao;
          gaoList.push(obj)
          diobj = res.data[i].di;
          diList.push(diobj)
          xueobj = res.data[i].xue;
          xueList.push(xueobj)
          console.log(gaoList);
        }
        // 
        var windowWidth = 1000;
        try {
          var res = wx.getSystemInfoSync();
          windowWidth = res.windowWidth;
        } catch (e) {
          console.error('getSystemInfoSync failed!');
        }
        zongLine = new wxCharts({
          canvasId: 'yueEle', //canvas名称          
          type: 'line',
          categories: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31'], //categories X轴            
          animation: true,
          series: [{
            name: '高压值',
            data: gaoList, //折线图数据显示              
            format: function (val, name) {
              return val + '';
            },
          }, {
            name: '低压值',
            data: diList, //折线图数据显示              
            format: function (val, name) {
              return val + '';
            },
          }, {
            name: '血压值',
            data: xueList, //折线图数据显示              
            format: function (val, name) {
              return val + '';
            },
          }],
          xAxis: {
            disableGrid: true
          },
          yAxis: {
            title: '血压值',
            format: function (val) {
              return val;
            },
            min: 60
          },
          width: windowWidth,
          height: 200,
          dataLabel: false,
          dataPointShape: true,
          extra: {
            lineStyle: 'curve'
          }
        });

      },
      fail(res) {
        console.log("请求失败", res)
      }
    })
  },

  //文档
  gettext() {
    var that = this;
    wx.cloud.database().collection("chucun").get({
      success(res) {
        console.log(res);
        let zong=res.data
        zong = zong.reverse() 
        /************ 文字逐个显示 ************/
        var neirong = "";
        if (zong[0].gao > 139 || zong[0].di > 90) {
          neirong = "接下来将会出现您最近的血压情况，不要眨眼哦！！！你的血压偏高，在日常生活中，一定要注意各个方面的生活细节，比如说高血压患者，应该要注意天气的变化、情绪的变化、运动、休息睡眠、睡眠的体位和体重，这些都要时时刻刻注意。1、比如气温降低，高血压患者一定要做好保暖工作，因为气温降低会使患者的血压升高，也会让高血压并发症的发病率升高。2、同时高血压患者应该保持良好的情绪，尽量不要生气，对于经常生气的患者，一定要监测其血压。3、对于高血压患者，在日常生活中，可以进行适当的体育锻炼，减轻体重，可以多做一些有氧运动，比如说打太极、散步等";
        } else if (zong[0].gao < 90 || zong[0] < 60) {
          neirong = "接下来将会出现您最近的血压情况，不要眨眼哦！！！你的血压偏低，低血压往往是体内血量减少，体内血液对于管壁的侧壁压力不足而导致血压较低，具体注意事项如下：第一、正常饮食：此类人群平时应该注意多喝水，并增强体质，改善饮食状态，不要让自己过于消瘦。有些女同志如果平时血压不高，不要盲目减肥，尤其不要进行节食、节水的减肥，减肥容易导致体内脱水脱得太明显，更容易导致低血压的发生。第二、下蹲时间不要太长：不论是男女老少，尽量减少自己下蹲过程中蹲状态的持续时间，也就是蹲或蹲起不要做得过于频繁。因此，对于本身血压较低的人群，尤其是女性，要注意正常饮食，不要强迫自己节食、节水。不管男女老少，下蹲的时间不要太长，尤其不要久蹲之后猛地站起，否则容易出现脑缺血发作等";
        } else {
          neirong = "接下来将会出现您最近的血压情况，不要眨眼哦！！！您的血压正常，请继续保持.好的,你可以眨眼啦~~"
        }
        var i = 0;
        that.setData({
          disabled:true
        })
        var text = null;
        var time = setInterval(function () {
        text = neirong.substring(0, i);
          i++;
          that.setData({
            text: text
          });
          if (text.length == neirong.length) {
            //   console.log("定时器结束！");
            clearInterval(time);
          }
        }, 200);
      }
    })

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
   
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {},


  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.getMothElectro();
    //   var windowWidth = 1000;
    //   try {
    //    var res = wx.getSystemInfoSync();
    //    windowWidth = res.windowWidth;
    //   } catch (e) {
    //    console.error('getSystemInfoSync failed!');
    //   }
    //   yuelineChart = new wxCharts({ //一个月血压情况
    //    canvasId: 'yueEle',
    //    type: 'line',
    //    categories: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31'], //categories X轴
    //    animation: true,
    //    series: [{
    //     name: '低压',
    //     data: [88, 86, 89, 81, 80, 82, 89, 82, 88, 86, 84, 89, 88, 80, 83, 87, 83, 89, 83, 88, 89, 85, 84, 81, 85, 88, 85, 84, 89, 88, 87],
    //     format: function (val, name) {
    //      return val + '';
    //     }
    //    }, {
    //     name: '高压',
    //     data: [130, 136, 132,132, 137, 136, 132, 135, 138, 131, 138, 134, 130, 139, 137, 132, 135, 132, 138, 132, 135, 132, 139, 134, 134, 139, 138, 135, 135, 135, 136],
    //     format: function (val, name) {
    //      return val + '';
    //     }
    //    },{
    //     name: '血压',
    //     data: [110, 90, 130,132, 107, 97, 122,115, 128, 121, 98, 99, 110, 118,120, 109, 105, 103,110, 122, 135,120,98, 99, 100, 101, 98, 122, 105, 95, 115],
    //     format: function (val, name) {
    //      return val + '';
    //     },
    //   }
    // ],
    //    xAxis: {
    //     disableGrid: true
    //    },
    //    yAxis: {
    //     title: '血压值',
    //     format: function (val) {
    //      return val;
    //     },
    //     min: 70
    //    },
    //    width: windowWidth,
    //    height: 200,
    //    dataLabel: false,
    //    dataPointShape: true,
    //    extra: {
    //     lineStyle: 'curve'
    //    }
    //   });
  },



  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
})